<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html class=" -webkit-">
	<head>	
		<meta charset="utf-8">
		<title>杰利联合</title>
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
		<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
		<meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
		<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
		<meta content="no-cache" http-equiv="pragma">
		<meta content="0" http-equiv="expires">
		<meta content="telephone=no, address=no" name="format-detection">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
		<link rel="stylesheet" type="text/css" href="${ctxStatic}/jiu/css/mobile_module.css?v=1492648593" media="all">
		<link rel="stylesheet" href="${ctxStatic}/jiu/css/font-awesome.min.css" />		
		<script type="text/javascript" src="${ctxStatic}/jiu/js/jquery-2.0.3.min.js"></script>		
		<script type="text/javascript" src="${ctxStatic}/jiu/js/prefixfree.min.js?v=1492648593"></script>	
		<script type="text/javascript" src="${ctxStatic}/jiu/js/flipsnap.min.js?v=1492648593"></script>
		<link href="${ctxStatic}/jiu/css/common.css?v=1492648593" rel="stylesheet" type="text/css">
		<link href="${ctxStatic}/jiu/css/shop.css?v=1492648593" rel="stylesheet" type="text/css">
				<style>
			#dialogBg {
					width: 100%;
					height: 100%;
					background-color: #000000;
					opacity: .4;
					filter: alpha(opacity=0.4);
					position: fixed;
					top: 0;
					left: 0;
					z-index: 9999;
					display: none;
				}
				#tanmu{
					width: 280px;
					height: 300px;	
					display: none;
					background-color: #ffffff;
					position: fixed;
					top: 50%;
					left: 50%;
					margin: -150px 0 0 -140px;	
					z-index: 10000;
					border: 1px solid #ccc;
					border-radius: 10px;
					-webkit-border-radius: 10px;
					box-shadow: 3px 2px 4px rgba(0, 0, 0, 0.2);
					-webkit-box-shadow: 3px 2px 4px rgba(0, 0, 0, 0.2);
					text-align: center;
				}
				.dialogTop {
					letter-spacing: 1px;
				    text-align: right;
				    font-size: 24px;
				    color: #222222;
				    margin-top: -5px;
				    margin-right: 10px;
				}				
		</style>
		<script>
			$(document).ready(function() {	
					$('.btn_submit').click(function(){
						$('#tanmu').fadeIn();
						$('#dialogBg').fadeIn(300);
					})
				});
				$(document).ready(function(){
						$('.closeDialog').click(function(){
							$('#dialogBg').fadeOut();						
							$('#tanmu').fadeOut();							
						});
						$('#dialogBg').click(function(){
							$('#dialogBg').fadeOut();								
							$('#tanmu').fadeOut();							
						});
				})
		</script>
	</head>	
	<body class="withFoot">
		<div class="container">		
				<div class="order_nav">
					传图设计师管理
					<input class="btn_submit" type="submit" name="submit" value="">
				</div>
			
			<c:choose>
			    <c:when test="${empty jiuDesignList}">
			     	<div class="empty_container">
						<p>暂时无传图设计师</p>
					</div>
			    </c:when>
			    <c:otherwise>
			  		<div class="order_list">
			        	<ul>
			        		<c:forEach items="${jiuDesignList}" var="jiuDesign">
								<li id="des${jiuDesign.id}">
				                	<p class="top">
									<img src="${jiuDesign.headimgurl}" width="50px" style="border-radius: 100%; height: 50px;">
									                    <span class="t">${jiuDesign.memberName}</span>
				                    </p>
									<a href=javascript:deleteDesign(${jiuDesign.id})><img class="order_del" src="${ctxStatic}/jiu/img/iconfont-shanchu.png"></a>              
								</li>    
							</c:forEach>
			            	            
			            </ul>
			         </div>
			    </c:otherwise>
			</c:choose>
		</div>
		<!--弹出二维码-->		
			<div id="dialogBg">		
			</div>			
		<div id="tanmu" class="">
			<div class="dialogTop">
				<a href="javascript:;" class="closeDialog" ><span style="color: #797978;">×</span></a>
			</div>		    
		     <img src="https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=${wechatMember.jiuSceneTicket}" style="height: 190px;width: 190px;margin-top:25px;"/>
		</div>
		<!-- 底部导航 -->
		<%@ include file="/WEB-INF/views/modules/jiuFront/footer.jsp"%>
		
	</body>
	
	
	<script>
		window.alert = function(name){
		  var iframe = document.createElement("IFRAME");
		  iframe.style.display="none";
		  iframe.setAttribute("src", 'data:text/plain,');
		  document.documentElement.appendChild(iframe);
		  window.frames[0].window.alert(name);
		  iframe.parentNode.removeChild(iframe);
		 };
		 
		 window.confirm = function (message) {
		   var iframe = document.createElement("IFRAME");
		   iframe.style.display = "none";
		   iframe.setAttribute("src", 'data:text/plain,');
		   document.documentElement.appendChild(iframe);
		   var alertFrame = window.frames[0];
		   var result = alertFrame.window.confirm(message);
		   iframe.parentNode.removeChild(iframe);
		   return result;
		 };
		function deleteDesign(id){
			 $.getJSON("${ctxFront }/jiu/deleteDesign",{id:id}, function(data){
                alert(data.message);
                if(data.msg=='success'){
                	$('#des'+id).hide();
                }
            });
		}
	</script>
</html>
